/* clearfix */
    .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
    .clearfix {display:inline-block;}
    * html .clearfix {height:1%;}
    .clearfix {display:block;}
    .cleared {clear: both}

.crud-box {
    min-width: 300px;
    max-width: 1200px;
    max-height: 1200px;
    background: url('../img/crud-block.png') no-repeat bottom right;
    margin: 1em 0;
    float: left;
}
.crud-box-head {
    background: #fff url('../img/crud-block.png') no-repeat top right;
    padding: 0 2.5em 0 0;
}
.crud-box-head h4 {
    background: url('../img/crud-block.png') no-repeat top left;
    height: 28px;
    line-height: 28px;
    padding: 10px 0 0 25px;
    font-weight: bold;
    font-size: 1.4em;
    color: #000;
    overflow: hidden;
    margin:0
}
.crud-box-body {
    background: url('../img/crud-block.png') no-repeat bottom left;
    margin-right: 2.5em;
    padding: 1px 0 5px 2.5em;
}

#crud-nav {font-size:1.2em; padding:0.5em 1em; background:#9bf; border:2px solid #79d}
#crud-nav a {margin-right:1em}
#crud-messages {background:#ffd; border:2px solid #dda; padding:0 1em; margin: 0.5em 0}

.text, .button {font-size: 1em}
textarea.text {font-size:10pt; font-family:sans-serif}

/* list form styles */
    .list-form {margin-left:1em; padding:0; float:left}
    .list-form label, .list-form .label {font-weight:bold; line-height:1.5; margin-right: 0.5em; float:left; width: 10em}
    .list-form label.checkbox {font-weight: normal; float: none; margin: 0; width:auto}
    .list-form .hint {font-size: 1em}
    .list-form li {clear:both; font-size: 1.4em; list-style: none; margin:0.25em 0; padding: 0.25em 0.5em; max-width:32em}
    .list-form li.actions {text-align: right; margin-top:1em}
    .list-form li.actions input {margin-left: 0.5em}
    .list-form .errors {margin: 0; padding: 0; font-size: 0.86em}
    .list-form .errors li {color: #f60; list-style: square outside; margin: 0 0 0 2em; padding: 0; font-size: 1em}
    .list-form .text, .list-form input[type=text], .list-form textarea, .list-form .value {width: 20em}
    .list-form .value {margin-left:10.5em}
    .list-form textarea {height: 7em}
    .list-form .group {background: #e6e6e6; padding:0.25em 0}
    .list-form .group li {font-size: 1em}
    .list-form .group .errors li {margin-left: 2em}

/* record list */
    #db-tables li {list-style:square outside; font-size:1.4em; margin:0.5em 0 0.5em 1em}
    .db-table {font-size:1.2em; margin:0.5em 0; border:solid #999; border-width: 1px 0 1px 1px}
    .db-table th, td {padding:0.5em 0.75em; border:solid #999; border-width:0 1px 0 0}
    .db-table th {background:#dff; font-weight:bold; border-bottom-width:1px}
    .even {background:#ddd}
    .sorted {background:#cde}
    .even .sorted {background:#bcd}
    
/* paginator */
    .paginationControl {font-size: 1.2em}
